﻿.menu
{
    float: right;
    height: 50px;
    list-style: none;
    margin-right: 50px;
}

    .menu li
    {
        float: left;
        width: 180px;
        display: block;
        line-height: 50px;
    }

    .menu a, span
    {
        color: black;
        display: block;
        cursor: pointer;
        font-size: x-large;
        text-align: center;
        text-decoration: none;
    }

        .menu a:hover
        {
            color: black;
            background-color: white;
        }

.submenu
{
    display: none;
    width: inherit;
    padding-left: 0px;
    padding-right: 0px;
}

    .submenu li
    {
        width: 180px;
        background: rgba(255, 255, 255, 0.5);
    }

li:hover .submenu
{
    display: block;
}
